<ul class="navigation">
    <li>
        <a href="#" class="button">
            <div class="icon">
                <span class="ico-monitor"></span>
            </div>                    
            <div class="name">Panel</div>
        </a>                
    </li>
    <li>
        <a href="#" class="button yellow">
            <div class="arrow"></div>
            <div class="icon">
                <span class="ico-cog-2"></span>
            </div>                    
            <div class="name">Parametros</div>
        </a>          
<!--        <ul class="sub">
            <li><a href="ui.html">UI Elements</a></li>
            <li><a href="widgets.html">Widgets</a></li>
            <li><a href="buttons.html">Buttons</a></li>
            <li><a href="icons.html">Icons</a></li>
            <li><a href="grid_system.html">Grid System</a></li>
        </ul>-->
    </li>                
    <li>
        <a href="#" class="button green">
            <div class="arrow"></div>
            <div class="icon">
                <span class="ico-pen-2"></span>
            </div>                    
            <div class="name">Cotizaciones</div>
        </a>                
<!--        <ul class="sub">
            <li><a href="forms.html">Elements</a></li>
            <li><a href="validation.html">Validation</a></li>
            <li><a href="grid.html">Grid</a></li>
            <li><a href="editor.html">Editors</a></li>
            <li><a href="wizard.html">Wizard</a></li>
        </ul>                    -->
    </li>                        
    <li>
        <a href="#" class="button red">
            <div class="icon">
                <span class="ico-chart-4"></span>
            </div>                    
            <div class="name">Estadisticas</div>
        </a>                
    </li>                
    <li>
        <a href="#" class="button dblue">
            <div class="arrow"></div>
            <div class="icon">
                <span class="ico-layout-7"></span>
            </div>                    
            <div class="name">Tablas</div>
        </a> 
<!--        <ul class="sub">
            <li><a href="tables.html">Simple</a></li>
            <li><a href="tables_dynamic.html">Dynamic</a></li>
        </ul>                                        -->
    </li>
    <li>
        <a href="#" class="button purple">
            <div class="arrow"></div>
            <div class="icon">
                <span class="ico-box"></span>
            </div>                    
            <div class="name">Enviados</div>
        </a>                
<!--        <ul class="sub">
            <li><a href="faq.html">FAQ</a></li>
            <li><a href="invoice.html">Invoice</a></li>
            <li><a href="mailbox.html">Mailbox</a></li>
            <li><a href="login.html">Login</a></li>
        </ul>                                        -->
    </li>
    <li>
        <a href="#" class="button orange">
            <div class="arrow"></div>
            <div class="icon">
                <span class="ico-cloud"></span>
            </div>                    
            <div class="name">Otros</div>                        
        </a>                
<!--        <ul class="sub">
            <li><a href="files.html">File handling</a></li>
            <li><a href="images.html">Images</a></li>
            <li><a href="typography.html">Typography</a></li>
            <li><a href="404.html">Error 404</a></li>
        </ul>                                        -->
    </li>                
    <li>
        <div class="user">
            <img src="img/examples/users/dmitry_m.jpg" align="left"/>
            <a href="#" class="name">
                <span>Cristiam Herrera</span>
                <span class="sm">Administrador</span>
            </a>
        </div>
        <div class="buttons">
            <div class="sbutton green navButton">
                <a href="#"><span class="ico-align-justify"></span></a>
            </div>
            
            <!--<div class="sbutton blue">
                <a href="#"><span class="ico-cogs"></span></a>
                <div class="popup">
                    <div class="arrow"></div>
                    <div class="row-fluid">
                        <div class="row-form">
                            <div class="span12"><strong>SETTINGS</strong></div>
                        </div>                                    
                        <div class="row-form">
                            <div class="span4">Navigation:</div>
                            <div class="span8"><input type="radio" class="cNav" name="cNavButton" value="default"/> Default <input type="radio" class="cNav" name="cNavButton" value="bordered"/> Bordered</div>
                        </div>                                    
                        <div class="row-form">
                            <div class="span4">Content:</div>
                            <div class="span8"><input type="radio" class="cCont" name="cContent" value=""/> Responsive <input type="radio" class="cCont" name="cContent" value="fixed"/> Fixed</div>
                        </div>                                    
                    </div>
                </div>
            </div>-->                        
        </div>
    </li>                
</ul>